<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style>
			.a{
				width: 600px;
				border: 1px solid red;
			}
			.a tr{
				text-align: center;
			}
			.pai{
				margin-left: 5px;
				cursor: pointer;
			}
			.a .pai.active{
				color: green;
			}
		</style>
	</head>
	<body>
		<div id="app">
			<tp :data="data"></tp>
		</div>
		
	<script src="js/vue.js"></script>
	<script src="js/tp.js"></script>
	<script type="text/javascript">
		new Vue({
			el:"#app",
			data:{
				data:{
					cols:[{
						title:"编号",
						key:"id",
                        sortable:true
					},{
						title:"姓名",
						key:"name"
					},{
						title:"年龄",
						key:"age",
						sortable:true
					},{
						title:"分数",
						key:"scroe",
                        sortable:true
					}],
					rows:[
						{
							id:"1001",
							name:"tp",
							age:"18",
							scroe:"99"
						},
						{
							id:"1002",
							name:"simba",
							age:"111",
							scroe:"100"
						},
						{
							id:"1003",
							name:"Ace",
							age:"18",
							scroe:"55"
						}
					]
				}
			}
		})
		
	</script>
	</body>
</html>
